<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>猫眼电影</title>
    <link rel="stylesheet" href="../CSS/normalize.css">
    <link rel="stylesheet" href="./CSS/index.css">
</head>

<body>
    <div class="header">
        <div class="container">
            <div class="logo">
                <img src="../img/logo_s.png" alt="">
            </div>
            <div class="position">
                <p>成都</p>
                <div class="trian">
                </div>
                <div class="city">
                    <div class="at">
                        定位城市：成都
                    </div>
                    <div class="other">
                        A
                        <div>
                            <p>阿勒泰</p>
                            <p>安庆</p>
                            <p>安顺</p>
                            <p>阿克苏</p>
                            <p>安溪</p>
                        </div>
                        B
                        <div>
                            <p>北京</p>
                            <p>本溪</p>
                            <p>保定</p>
                            <p>巴彦淖尔</p>
                            <p>北海</p>
                        </div>
                        C
                        <div>
                            <p>重庆</p>
                            <p>长沙</p>
                            <p>常州</p>
                            <p>长春</p>
                            <p>承德</p>
                        </div>
                        D
                        <div>
                            <p>大连</p>
                            <p>东莞</p>
                            <p>大庆</p>
                            <p>德阳</p>
                            <p>达州</p>
                        </div>
                        E
                        <div>
                            <p>鄂尔多斯</p>
                            <p>恩施</p>
                            <p>峨眉山</p>
                        </div>
                        F
                        <div>
                            <p>福州</p>
                            <p>佛山</p>
                            <p>抚顺</p>
                            <p>防城港</p>
                        </div>
                        G
                        <div>
                            <p>广州</p>
                            <p>桂林</p>
                            <p>贵阳</p>
                            <p>广安</p>
                            <p>赣州</p>
                        </div>
                        H
                        <div>
                            <p>杭州</p>
                            <p>合肥</p>
                            <p>海口</p>
                            <p>哈尔滨</p>
                            <p>呼和浩特</p>
                        </div>
                        J
                        <div>
                            <p>锦州</p>
                            <p>济南</p>
                            <p>焦作</p>
                            <p>九江</p>
                            <p>嘉兴</p>
                        </div>
                        K
                        <div>
                            <p>昆明</p>
                            <p>开封</p>
                            <p>昆山</p>
                            <p>喀什</p>
                            <p>克拉玛依</p>
                        </div>
                        L
                        <div>
                            <p>廊坊</p>
                            <p>临汾</p>
                            <p>连云港</p>
                            <p>洛阳</p>
                            <p>乐山</p>
                        </div>
                        M
                        <div>
                            <p>牡丹江</p>
                            <p>马鞍山</p>
                            <p>茂名</p>
                            <p>梅州</p>
                            <p>绵阳</p>
                        </div>
                        N
                        <div>
                            <p>宁波</p>
                            <p>南京</p>
                            <p>南昌</p>
                            <p>南通</p>
                            <p>南宁</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="./maoyanmovie">首页</a></li>
                    <li><a href="./movie">电影</a></li>
                    <li><a href="./ranking">榜单</a></li>
                    <li><a href="./interview">热点</a></li>
                    <li><a href="./interorders">订单</a></li>
                </ul>
            </div>

            <div class="search">
                <form action="getMovieByName">
                <input type="search" placeholder="找影视剧、影人、影院"

                       id="movie_name" name="movie_name">
                <input type="submit" value="">
                </form>
            </div>

            <div class="user">
                <img  class="img-circle" th:src="${session.user_photo}==null?'/../img/7dd82a16316ab32c8359debdb04396ef2897.png':${session.user_photo}">
                <div class="trian">
                </div>
                <div class="login">
                    <a href="./login" th:text="${session.user_name}==null?'登录':${session.user_name}"></a>
                </div>
            </div>

        </div>
    </div>

    <div class="empty">
    </div>

    <div class="picture">
        <img src="../IMG/banner.jpg" alt="">
        <div class="slider">
            <div class="slider-butt">
                <img src="../IMG/list_guide_2.png" alt="">
            </div>

            <div class="slider-box">
                <img src="../IMG/list_guide_03.png" alt="">
                <img src="../IMG/list_guide_05.png" alt="">
                <img src="../IMG/list_guide_07.png" alt="">
                <img src="../IMG/list_guide_09.png" alt="">
                <img src="../IMG/list_guide_11.png" alt="">
                <img src="../IMG/list_guide_13.jpg" alt="">
            </div>
            <div class="slider-butt">
                <img src="../IMG/list_guide_1.png" alt="">
            </div>

        </div>
    </div>

    <div class="main">
        <div class="container">
            <div class="main-left">
                <div class="playing">
                    <div class="top">
                        <p>正在热映（55部）</p>
                        <a href="#">全部&gt;</a>
                    </div>
                    <div class="pic">
                        <div class="pic-box">
                            <a th:href="@{./getById(mid=38)}">
                                <img src="../IMG/hot_01.png" alt=""></a>
                            <div>
                                <p><a href="interorders">购票</a></p>
                            </div>
                        </div>
                        <div class="pic-box">
                            <img src="../IMG/hot_02.png" alt="">
                            <div>
                                <p><a href="interorders">购票</a></p>
                            </div>
                        </div>
                        <div class="pic-box">
                            <img src="../IMG/hot_03.png" alt="">
                            <div>
                                <p><a href="interorders">购票</a></p>
                            </div>
                        </div>

                        <div class="pic-box">
                            <a th:href="@{./getById(mid=1)}">
                                <img src="../IMG/hot_04.png" alt=""></a>
                            <div>
                                <p><a href="interorders">购票</a></p>
                            </div>
                        </div>
                        <div class="pic-box">
                            <a th:href="@{./getById(mid=4)}">
                                <img src="../IMG/hot_05.png" alt=""></a>
                            <div>
                                <p><a href="interorders">购票</a></p>
                            </div>
                        </div>
                        <div class="pic-box">
                            <img src="../IMG/hot_06.png" alt="">
                            <div>
                                <p><a href="interorders">购票</a></p>
                            </div>
                        </div>
                        <div class="pic-box">
                            <a th:href="@{./getById(mid=2)}">
                                <img src="../IMG/hot_07.png" alt=""></a>
                            <div>
                                <p><a href="interorders">购票</a></p>
                            </div>
                        </div>
                        <div class="pic-box">
                            <img src="../IMG/hot_08.png" alt="">
                            <div>
                                <p><a href="interorders">购票</a></p>
                            </div>
                        </div>

                    </div>

                </div>
                <div class="next">
                    <div class="top">
                        <p>即将上映（276部）</p>
                        <a href="#">全部&gt;</a>
                    </div>
                    <div class="pic">
                        <div class="pic-box">
                            <div class="box-main">
                                <img src="../IMG/comingSoon_01.png" alt="">
                                <div class="want">
                                    <p>134人想看</p>
                                </div>
                                <div class="main-bott">
                                    <div class="bott-left">
                                        <p>预告片</p>
                                    </div>
                                    <div class="bott-right">
                                        <p>预售</p>
                                    </div>
                                </div>
                            </div>
                            <div class="box-bott">
                                <p>10月26日上映</p>
                            </div>
                        </div>
                        <div class="pic-box">
                            <div class="box-main">
                                <img src="../IMG/comingSoon_02.png" alt="">
                                <div class="want">
                                    <p>43487人想看</p>
                                </div>
                                <div class="main-bott">
                                    <div class="bott-left">
                                        <p>预告片</p>
                                    </div>
                                    <div class="bott-right">
                                        <p>预售</p>
                                    </div>
                                </div>
                            </div>
                            <div class="box-bott">
                                <p>10月28日上映</p>
                            </div>
                        </div>
                        <div class="pic-box">
                            <div class="box-main">
                                <img src="../IMG/comingSoon_03.png" alt="">
                                <div class="want">
                                    <p>22469人想看</p>
                                </div>
                                <div class="main-bott">
                                    <div class="bott-left">
                                        <p>预告片</p>
                                    </div>
                                    <div class="bott-right">
                                        <p>预售</p>
                                    </div>
                                </div>
                            </div>
                            <div class="box-bott">
                                <p>10月28日上映</p>
                            </div>
                        </div>
                        <div class="pic-box">
                            <div class="box-main">
                                <img src="../IMG/comingSoon_04.png" alt="">
                                <div class="want">
                                    <p>17606人想看</p>
                                </div>
                                <div class="main-bott">
                                    <div class="bott-left">
                                        <p>预告片</p>
                                    </div>
                                    <div class="bott-right">
                                        <p>预售</p>
                                    </div>
                                </div>
                            </div>
                            <div class="box-bott">
                                <p>10月28日上映</p>
                            </div>
                        </div>
                        <div class="pic-box">
                            <div class="box-main">
                                <img src="../IMG/comingSoon_05.png" alt="">
                                <div class="want">
                                    <p>8970人想看</p>
                                </div>
                                <div class="main-bott">
                                    <div class="bott-left">
                                        <p>预告片</p>
                                    </div>
                                    <div class="bott-right">
                                        <p>预售</p>
                                    </div>
                                </div>
                            </div>
                            <div class="box-bott">
                                <p>10月28日上映</p>
                            </div>
                        </div>
                        <div class="pic-box">
                            <div class="box-main">
                                <img src="../IMG/comingSoon_06.png" alt="">
                                <div class="want">
                                    <p>6025人想看</p>
                                </div>
                                <div class="main-bott">
                                    <div class="bott-left">
                                        <p>预告片</p>
                                    </div>
                                    <div class="bott-right">
                                        <p>预售</p>
                                    </div>
                                </div>
                            </div>
                            <div class="box-bott">
                                <p>10月28日上映</p>
                            </div>
                        </div>
                        <div class="pic-box">
                            <div class="box-main">
                                <img src="../IMG/comingSoon_07.png" alt="">
                                <div class="want">
                                    <p>2975人想看</p>
                                </div>
                                <div class="main-bott">
                                    <div class="bott-left">
                                        <p>预告片</p>
                                    </div>
                                    <div class="bott-right">
                                        <p>预售</p>
                                    </div>
                                </div>
                            </div>
                            <div class="box-bott">
                                <p>10月28日上映</p>
                            </div>
                        </div>
                        <div class="pic-box">
                            <div class="box-main">
                                <img src="../IMG/comingSoon_08.png" alt="">
                                <div class="want">
                                    <p>943人想看</p>
                                </div>
                                <div class="main-bott">
                                    <div class="bott-left">
                                        <p>预告片</p>
                                    </div>
                                    <div class="bott-right">
                                        <p>预售</p>
                                    </div>
                                </div>
                            </div>
                            <div class="box-bott">
                                <p>10月28日上映</p>
                            </div>
                        </div>


                    </div>
                </div>
                <div class="hot">
                    <div class="top">
                        <p>热播电影</p>
                        <div>
                            <ul>
                                <li>爱情</li>
                                <li>喜剧</li>
                                <li>动作</li>
                                <li>恐怖</li>
                                <li>动画</li>
                            </ul>
                        </div>
                        <a href="#">全部&gt;</a>
                    </div>
                    <div class="pic">
                        <div class="pic-box">
                            <img src="../IMG/hotPlay_01.png" alt="">
                        </div>
                        <div class="pic-box">
                            <img src="../IMG/hotPlay_02.png" alt="">
                        </div>
                        <div class="pic-box">
                            <img src="../IMG/hotPlay_03.png" alt="">
                        </div>
                        <div class="pic-box">
                            <img src="../IMG/hotPlay_04.png" alt="">
                        </div>
                        <div class="pic-box">
                            <img src="../IMG/hotPlay_05.png" alt="">
                        </div>
                        <div class="pic-box">
                            <img src="../IMG/hotPlay_06.png" alt="">
                        </div>
                        <div class="pic-box">
                            <img src="../IMG/hotPlay_07.png" alt="">
                        </div>

                    </div>
                </div>
            </div>
            <div class="main-right">
                <div class="box-office">
                    <p>今日票房</p>
                    <div class="first">
                        <a th:href="@{./getById(mid=38)}">
                            <img src="../IMG/box-office.png" alt=""></a>
                        <div class="first-right">
                            <div>
                                <p>机械师2：复活</p>
                                <p>5203.28万</p>
                            </div>

                        </div>
                    </div>
                    <div class="others">
                        <ul>
                            <li>
                                <span>
                                    <i>2&nbsp;&nbsp;</i>
                                    <span>惊天破</span><span>2023.35万</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>3&nbsp;&nbsp;</i>
                                    <span>湄公河行动</span><span>1198.19万</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>4&nbsp;&nbsp;</i>
                                    <span>侠探杰克：永不回头</span><span>1063.12万</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>5&nbsp;&nbsp;</i>
                                    <span>龙珠Z：复活的弗利萨</span><span>222.08万</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>6&nbsp;&nbsp;</i>
                                    <span>从你的全世界路过</span><span>212.04万</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>7&nbsp;&nbsp;</i>
                                    <span>圆梦巨人</span><span>175.00万</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>8&nbsp;&nbsp;</i>
                                    <span>凶手还未睡</span><span>46.23万</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>9&nbsp;&nbsp;</i>
                                    <span>勇士</span><span>25.99万</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>10</i>
                                    <span>遵义会议</span><span>18.00万</span>
                                </span>
                            </li>

                        </ul>

                    </div>
                    <div class="more">
                        <div class="today">
                            <p>今日大盘</p>
                        </div>
                        <div class="more-main">
                            <div class="num">
                                <p><span>1.03</span>亿<span>查看更多&gt;</span></p>
                            </div>
                            <div class="time">
                                <p>北京时间 22:46:26 &nbsp;&nbsp;&nbsp;&nbsp;猫眼专业版实时票房数据</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hope">
                    <p>最受期待<span>查看完整榜单&gt;</span></p>
                    <div class="first">
                        <img src="../IMG/waiting_01.png" alt="">
                        <div class="right">
                            <div class="right-main">
                                <p>三生三世十里桃花</p>
                                <p>上映时间：2016</p>
                                <p>212184人想看</p>
                            </div>

                        </div>

                    </div>
                    <div class="next">
                        <div>
                            <img src="../IMG/waiting_02.png" alt="">
                            <p>奇异博士</p>
                            <p>153788人想看</p>
                        </div>

                        <div>
                            <img src="../IMG/waiting_03.png" alt="">
                            <p>敢问路在何方</p>
                            <p>169921人想看</p>
                        </div>
                    </div>
                    <div class="others">
                        <ul>

                            <li>
                                <span>
                                    <i>4&nbsp;&nbsp;</i>
                                    <span>你的名字</span><span>53713人想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>5&nbsp;&nbsp;</i>
                                    <span>我不是潘金莲</span><span>104557人想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>6&nbsp;&nbsp;</i>
                                    <span>长城</span><span>110883人想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>7&nbsp;&nbsp;</i>
                                    <span>大闹天竺</span><span>70962人想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>8&nbsp;&nbsp;</i>
                                    <span>最萌身高差</span><span>36719人想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>9&nbsp;&nbsp;</i>
                                    <span>但丁</span><span>43487人想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>10</i>
                                    <span>28岁未成年</span><span>69047人想看</span>
                                </span>
                            </li>

                        </ul>
                    </div>
                </div>
                <div class="best">
                    <p>TOP100<span>查看完整榜单&gt;</span></p>
                    <div class="first">
                        <img src="../IMG/top100.png" alt="">
                        <div class="first-right">

                            <div class="right-main">
                                <p>霸王别姬</p>
                                <p>9.6分</p>
                            </div>
                        </div>
                    </div>
                    <div class="others">
                        <ul>
                            <li>
                                <span>
                                    <i>2&nbsp;&nbsp;</i>
                                    <span>肖申克的救赎</span><span>9.5分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>3&nbsp;&nbsp;</i>
                                    <span>这个杀手不太冷</span><span>9.5分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>4&nbsp;&nbsp;</i>
                                    <span>罗马假日</span><span>9.1分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>5&nbsp;&nbsp;</i>
                                    <span>阿甘正传</span><span>9.4分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>6&nbsp;&nbsp;</i>
                                    <span>泰坦尼克号</span><span>9.5分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>7&nbsp;&nbsp;</i>
                                    <span>龙猫</span><span>9.2分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>8&nbsp;&nbsp;</i>
                                    <span>教父</span><span>9.3分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>9&nbsp;&nbsp;</i>
                                    <span>唐伯虎点秋香</span><span>9.2分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i>10</i>
                                    <span>千与千寻</span><span>9.3分</span>
                                </span>
                            </li>

                        </ul>

                    </div>
                </div>
            </div>
        </div>

    </div>

    <div class="footer">
        <div class="container">
            <p>&copy;2016猫眼电影 maoyan.com 京ICP证160733号 京ICP备16022489号-1 京公网安备 11010502030881号 网络文化经营许可证电子公告服务规则</p>
            <p>北京猫眼文化传媒有限公司</p>
        </div>

    </div>

    <div class="cat">
        <a href="#"><img src="../IMG/details_cat.png" alt=""></a>
    </div>

</body>

</html>